<script lang='ts' setup>
import BaseInfo from '../../Service/Form/BaseInfo.vue';
import ProductBox from '../../Common/ProductBox.vue';
import Database from '../../Service/Form/Database.vue';

const emit = defineEmits(['submit'])
const onSubmit = () => {
    emit('submit')
}
</script>
<template>
    <div class="bg-gray-50 h-full w-full pl-5 pr-5">
        <ProductBox title="商品信息" :back="true">
            <div class="flex flex-col bg-white p-5 rounded-lg">

                <BaseInfo />

                <div class="mt-5">
                </div>

                <slot name="form"></slot>

                <Database />

                <slot name="beforeSubmit" />

                <div class="flex justify-center">
                    <a-button type="primary" class="w-40 mt-5" @click="onSubmit">提交</a-button>
                </div>

            </div>
        </ProductBox>
    </div>
</template>
<style lang='scss' scoped></style>